<style scoped>
/* .box {
  display: flex;
  width: 100%;
} */
.box_left {
  overflow: auto;
}
.box_right {
  margin-top: 10px;
}
/* .box_right {
  flex-grow: 1;
} */
</style>
<template>
  <div class="box">
    <Card class="box_left" bordered>
      <p slot="title">
        
        指令预警
      </p>
      <!-- <a href="#" slot="extra" @click="getadministratorList">
        <Icon type="ios-loop-strong"></Icon>
        Change
      </a> -->
      <div>
        <Table
          show-header
          border
          :height="searchTableHeight"
          :loading="loading1"
          :columns="columns1"
          :data="data1"
          stripe
        ></Table>
      </div>
    </Card>
    <Card class="box_right" bordered>
      <p slot="title">
        
       核算包预警
      </p>
      <!-- <a href="#" slot="extra" @click.prevent="changeLimit">
          <Icon type="ios-loop-strong"></Icon>
          Change
        </a> -->
      <Table
        border
        :height="searchTableHeight"
        :loading="loading2"
        :columns="columns2"
        :data="data2"
      ></Table>
    </Card>
  </div>
</template>
<script>
import axios from "axios";
export default {
  data() {
    return {
      searchTableHeight: 0,
      loading1: false,
      data1: [],
      columns1: [
        // {
        //   title: "指令时间",
        //   align: "center",
        //   key: "createdTime",
        // },
        {
          title: "指令单",
          align: "center",
          key: "code",
        },
        {
          title: "姓名",
          align: "center",
          key: "name",
          render: (h, params) => {
            return h("div", [
              h("div", { style: {} }, params.row.controlUserInfo.name),
            ]);
          },
        },
        {
          title: "紧急状态",
          align: "center",
          key: "sexText",
          render: (h, params) => {
            return h("div", [
              h(
                "div",
                { style: {} },
                params.row.controlUserInfo.controlUserItudeStatusText
              ),
            ]);
          },
        },
        {
          title: "联系方式",
          align: "center",
          key: "hasFindText",
          render: (h, params) => {
            return h("div", [
              h("div", { style: {} }, params.row.controlUserInfo.phone),
            ]);
          },
        },
        {
          title: "身份证",
          align: "center",
          key: "hasFindText",
          render: (h, params) => {
            return h("div", [
              h("div", { style: {} }, params.row.controlUserInfo.identityCard),
            ]);
          },
        },
        {
          title: "接送车牌",
          align: "center",
          key: "hasFindText",
          render: (h, params) => {
            return h("div", [
              h(
                "div",
                { style: {} },
                params.row.carInfo ? params.row.carInfo.carNo : ""
              ),
            ]);
          },
        },
        {
          title: "定位地址",
          align: "center",
          key: "hasFindText",
          render: (h, params) => {
            return h("div", [
              h(
                "div",
                { style: {} },
                params.row.controlUserInfo.loctionAddress
              ),
            ]);
          },
        },
        {
          title: "所属街道",
          align: "center",
          key: "streetName",
          render: (h, params) => {
            return h("div", [
              h(
                "div",
                // {
                //   style: {
                //     color:
                //       params.row.controlUserStatus == 0
                //         ? "#ed4014"
                //         : "#19be6b",
                //   },
                // },
                params.row.streetName || ""
              ),
            ]);
          },
        },
        {
          title: "隔离点",
          align: "center",
          key: "isolation",
        },
        {
          title: "是否找到",
          align: "center",
          key: "hasFindText",
          render: (h, params) => {
            return h("div", [
              h(
                "div",
                {
                  style: {
                    color:
                      params.row.controlUserStatus == 0 ? "#ed4014" : "#19be6b",
                  },
                },
                params.row.hasFindText
              ),
            ]);
          },
        },
        {
          title: "是否派车",
          align: "center",
          key: "hasFindText",
          render: (h, params) => {
            return h("div", [
              h(
                "div",
                {
                  style: {
                    color: params.row.isSendCar ? "#19be6b" : "#ed4014",
                  },
                },
                params.row.isSendCar ? "已派车" : "未派车"
              ),
            ]);
          },
        },
        {
          title: "上车状态",
          align: "center",
          key: "hasGetCarText",
        },
        {
          title: "送达状态",
          align: "center",
          key: "hasTransitText",
        },
        {
          title: "隔离状态",
          align: "center",
          key: "hasIsolationText",
        },
        // {
        //   title: "性别",
        //   align: "center",
        //   key: "sex",
        //   render: (h, params) => {
        //     return h("div", [
        //       h(
        //         "div",
        //         { style: {} },
        //         params.row.sex == 1
        //           ? "男"
        //           : params.row.sex == 2
        //           ? "女"
        //           : "未知"
        //       ),
        //     ]);
        //   },
        // },
        // {
        //   title: "操作",
        //   align: "center",
        //   width: 220,
        //   key: "action",
        //   render: (h, params) => {
        //     return h("div", [
        //       h(
        //         "Button",
        //         {
        //           props: {
        //             type: "info",
        //           },
        //           style: {
        //             marginRight: "10px",
        //           },
        //           on: {
        //             click: () => {
        //               this.$Message.warning("正在开发中");
        //               // this.matterButton(params.row);
        //             },
        //           },
        //         },
        //         "当前位置"
        //       ),
        //       h(
        //         "Button",
        //         {
        //           props: {
        //             type: "primary",
        //           },
        //           style: {
        //             marginRight: "10px",
        //           },
        //           on: {
        //             click: () => {
        //               this.getadministrator(params.row.id);
        //             },
        //           },
        //         },
        //         "详情"
        //       ),
        //       // h(
        //       //   "Poptip",
        //       //   {
        //       //     props: {
        //       //       confirm: true,
        //       //       title: "您确认删除该信息？",
        //       //       transfer: true,
        //       //     },
        //       //     on: {
        //       //       "on-ok": () => {
        //       //         this.deladministrator(params.row.id);
        //       //       },
        //       //     },
        //       //   },
        //       //   [
        //       //     h(
        //       //       "Button",
        //       //       {
        //       //         props: {
        //       //           type: "error",
        //       //
        //       //         },
        //       //         style: {
        //       //           display: "none",
        //       //         },
        //       //       },
        //       //       "删除"
        //       //     ),
        //       //   ]
        //       // ),
        //     ]);
        //   },
        // },
      ],
      loading2: false,
      data2: [],
      columns2: [
        {
          title: "核酸编码",
          align: "center",
          key: "nucleicSampleCode",
        },
        {
          title: "采集点",
          align: "center",
          key: "",
        },
        {
          title: "车牌号",
          align: "center",
          render: (h, params) => {
            return h("div", params.row.carInfo.carNo);
          },
        },
        {
          title: "驾驶员",
          align: "center",
          key: "createdUserName",
          render: (h, params) => {
            return h(
              "div",
              params.row.driverUser.name + " " + params.row.driverUser.phone
            );
          },
        },
        // {
        //   title: "押运员",
        //   align: "center",
        //   key: "createdUserName",
        //   render: (h, params) => {
        //     return h(
        //       "div",
        //       params.row.createUserInfo.name +
        //         " " +
        //         params.row.createUserInfo.phone
        //     );
        //   },
        // },
        {
          title: "当前状态",
          align: "center",
          key: "sampleStatusText",
        },
        {
          title: "转送类型",
          align: "center",
          key: "transferTypeText",
        },
        {
          title: "送达地点",
          align: "center",
          key: "transferName",
        },
        {
          title: "送达时间",
          align: "center",
          key: "transferTime",
        },
        // {
        //   title: "当前定位",
        //   align: "center",
        //   slot: "address",
        // },
      ],
    };
  },
  methods: {
    getadministratorList() {
      this.loading1 = true;
      axios
        .get(`/hlapi/ControlTask/ControlTaskInfoPage`, {
          params: {
            PageNo: 1,
            PageSize: 9999,
            IsShowWarn: true,
            WarnTimeDiff: 120,
            IsPTU:false
            // StreetName:
            //   JSON.parse(sessionStorage.getItem("userdata")).street ||
            //   this.search.street,
          },
        })
        .then((e) => {
          let res = e.data;
          this.data1 = res.rows;
          this.loading1 = false;
        });
    },
    HSBList() {
      this.loading2 = true;

      axios
        .get(`/hlapi/CarNucleicShip/CarNucleicSampleInfoPage`, {
          params: {
            PageNo: 1,
            PageSize: 9999,
            IsShowWarn: true,
            WarnTimeDiff: 120,
            // Street: JSON.parse(sessionStorage.getItem("userdata")).street,
            // SampleStatus: 5,
          },
        })
        .then((e) => {
          let res = e.data;
          this.data2 = res.rows;
          this.loading2 = false;
        });
    },
  },
  mounted() {
    window.onresize = () => {
      this.searchTableHeight = parseInt(
        (parseInt(window.innerHeight) - 260) / 2
      );
    };
    this.searchTableHeight = parseInt((parseInt(window.innerHeight) - 260) / 2);
    this.getadministratorList();
    this.HSBList()
  },
  created() {
    window.onresize = () => {
      this.searchTableHeight = parseInt(
        (parseInt(window.innerHeight) - 260) / 2
      );
    };
    this.searchTableHeight = parseInt((parseInt(window.innerHeight) - 260) / 2);
    this.getadministratorList();
    this.HSBList()
  },
  activated() {},
};
</script>
